<!DOCTYPE html>  
<html lang="en">  
<head>  
  <meta charset="UTF-8">  
  <title>Document</title>  
  <style type="text/css">  
  *{  
    margin: 0;  
    padding: 0;  
  }  
  ul{  
    display: flex;  
  }     
  li{  
    width: 50px;  
    height: 50px;  
    background: #18A15E;  
    display: inline-block;  
  }  
  
  </style>  
</head>  
<body>    
  <div class="wrap">  
    <ul>  
        <li></li>  
        <li></li>  
        <li></li>  
        <li></li>  
    </ul>  
  </div>  
</body>  
</html>  